<template>
    <div class="main">
        <div class="header-btns">
            <ul class="header-btns-list">
                <!-- <li class="header-item-btn fl">
                    <router-link :to="{path: 'websiteconfig'}">
                        <i class="icon"></i>
                        <span>网页代码</span>
                    </router-link>
                </li> -->
                <li class="header-item-btn fl">
                    <router-link :to="{path: 'chatwindow'}">
                        <i class="icon"></i>
                        <span>对话窗口</span>
                    </router-link>
                </li>
                <li class="header-item-btn fl">
                    <router-link :to="{path: 'vnotemessage'}">
                        <i class="icon"></i>
                        <span>留言信息</span>
                    </router-link>
                </li>
                <!-- <li class="header-item-btn fl">
                    <router-link :to="{path: ''}"></router-link>
                    <i class="icon"></i>
                    <span>访客信息</span>
                </li> -->
                <li class="header-item-btn fl">
                    <router-link :to="{path: 'serverarea'}">
                        <i class="icon"></i>
                        <span>服务地区</span>
                    </router-link>
                </li>
                <li class="header-item-btn fl">
                    <router-link :to="{path: 'ipaddress'}">
                        <i class="icon"></i>
                        <span>登录IP</span>
                    </router-link>
                </li>
            </ul>
        </div>
        <router-view></router-view>
    </div>
</template>
<script>
</script>
<style lang="scss" scoped>
@import '@/scss/header.scss';
.main {
    .header-btns {
        .header-item-btn {
            > a {
                width: 100%;
                height: 100%;
                display: block;
            }
        }
    }
}

</style>
